<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="base/head::head"/>
<!--物理表信息-->
<body class="easyui-layout">
<div id="tool">
    <a href="#" class="icon-refresh"></a>
</div>
<div id="west" data-options="region:'west',split:true,title:'表列表',tools:'#tool'" style="width:200px;">
    <div id="list" class="easyui-datalist" data-options="url:'list',method:'get',valueField:'tableName',textField:'tableDisplay',border:false,animate:true,onClickRow:onItemClick"></div>
</div>

<div id="center" region="center" data-options="title:'字段信息'" style="overflow: hidden;">
    <table id="table" class="easyui-datagrid" data-options="fit:true,method:'get',idField:'id',rownumbers:true,singleSelect:true">
        <thead>
        <tr>
            <th data-options="field:'id',width:80,align:'center',checkbox:true">序号</th>
            <th data-options="field:'tableName',align:'center',width:150">表名称</th>
            <th data-options="field:'columnName',width:120,align:'center'">字段名称</th>
            <th data-options="field:'columnDisplay',width:120,align:'center'">显示名称</th>
            <th data-options="field:'isNullable',width:100,align:'center'">是否为空</th>
            <th data-options="field:'showOrder',width:80,align:'center'">显示顺序</th>
            <th data-options="field:'dataType',width:100,align:'center'">数据类型</th>
            <th data-options="field:'maxLength',width:80,align:'center'">最大长度</th>
            <th data-options="field:'columnDefault',align:'center',width:100">默认值</th>
            <th data-options="field:'columnKey',align:'center',width:100">键标志</th>
            <th data-options="field:'extra',align:'center',width:100">附件信息</th>
            <th data-options="field:'columnComment',align:'center',width:150">备注</th>
        </tr>
        </thead>
    </table>
</div>
<script type="text/javascript">
    function onItemClick(index,node){
        $("#table").datagrid({"url":"../tablecolumn/colinfo?tn="+node.tableName});
    }
</script>
</body>
</html>